<template>
	<view>
		<view id="guideId" class="c-box" style="height: 100%; background-color: #fff;" >
		    <view style="font-weight: bold;font-size: 16px;padding:15px 10px 0 10px;">{{guideinfo.title}}</view>
		    <view style="padding: 2px 10px;  color: #8f9aa8;">{{guideinfo.createAt}}</view>
		    <!-- <view style="padding: 5px; min-height: 700px;margin-bottom: 105rpx" v-html="guideinfo.content"></view> -->
			<rich-text :nodes="guideinfo.content"></rich-text>
		</view>
	</view>
</template>

<script>
import guideApi from '@/api/guide.js';
import commonApi from '@/utils/commonMethod.js';
export default {
	data() {
		return {
			guideinfo: [],
			id: '',
		}
	},
	 async onLoad(options) {
		this.id = options.id;
		await this.query();
	},
	methods: {
		query() {
			guideApi.getGuideInfo(this.id).then(res => {
				res.data.guideinfo.content = decodeURIComponent(res.data.guideinfo.content)
				res.data.guideinfo.content = res.data.guideinfo.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
				this.guideinfo = res.data.guideinfo;
				// //微信分享配置
				// getWxConfig({
				// 	title: `操作指南`,
				// 	desc: `${this.guideinfo.title}`,
				// 	link: window.location.href,
				// 	imgUrl: 'http://noctest.oss-cn-qingdao.aliyuncs.com/t/nocexpo/20210423/cac6d07f74fd4b64a6f419412949b04c.png'
				// })
			})
		},
	}
}
</script>

<style>
</style>